<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>FirstApp首页</title>
</head>
<body>
Hello ${message}!
<br/>
index.html <a href="index.html">无参数链接</a>
<br/>
index.html?msg=Beijing <a href="index.html?msg=Beijing">有参数链接</a>
<form action="sendmsg.do" method="post">
    信息：<input name="message"/><input type="submit" value="提交表单"/>
</form>
<h4>1.表达式输出</h4><br/>
${svalue}
${svalue.hashCode}
${svalue.class.name}
${revert(svalue)}
${revert(svalue).length}
${revert(svalue).toString().toCharArray()[0]}
<div title="${svalue}">${svalue}</div>
<br/>
<h4>2.标签输出</h4><br/>
<div w:tag="tag" w:style="background-color:yellow;${style}" w:content="${content}">I will disappear</div>
<br/>
<h4>3.逻辑控制</h4><br/>
<div q:tag="tagout">我是内容，会出现</div>
<div style="color:red" q:style="false" q:content="false">我是内容，会消失，我的样式，也会消失</div>
<div q:="rand>0.5">我，完全会消失，也许不会</div>
<h4>4.循环和组件输出</h4><br/>
<div w:="svalue">
    <span>${revert(this)}</span>
    <span w:content="hashCode">hahaha</span>
    <div w:="revert(this)" title="${this}">
        ${this} ${hashCode}
    </div>
</div>
<div w:="array" title="第${_idx+1}个${this}">
    第${_idx+1}个上下文字符串是"${this}" hashCode：${hashCode}
</div>
这行是保留的缝隙，注意上下文不是array的元素，而是上一级${this}
<div w:="array" title="第2个hahha">
    因为array是数组，所以我会消失
</div>
<h4>5.变量定义</h4>
<div v:ss="svalue">
    ${revert(ss)} - ${ss.hashCode}
</div>
<h4>6.外部组件</h4>
<div w:="*outer"/>
</body>
</html>